<template>
<div>
  <div id="container" style="width: 100%;height: 90vh"></div>
</div>
</template>



<script>
// 信息窗体的内容
var content = [
  "<div style='width: 100px;height: 100px'>这是信息窗口</div>"
];


export default {
  name: "Item2",
  data(){
    return{

    }
  },
  created() {

  },
  mounted() {
    // 创建地图实例
    var map = new AMap.Map("container", {
      zoom: 13,//缩放
      center: [116.397241,39.919032],
      // resizeEnable: true,
      // mapStyle: 'amap://styles/whitesmoke'
    });

    AMap.plugin('AMap.Geolocation', function() {
      var geolocation = new AMap.Geolocation({
        enableHighAccuracy: true,//是否使用高精度定位，默认:true
        timeout: 10000,          //超过10秒后停止定位，默认：5s
        position:'RB',    //定位按钮的停靠位置
        offset: [10, 20], //定位按钮与设置的停靠位置的偏移量，默认：[10, 20]
        zoomToAccuracy: true,   //定位成功后是否自动调整地图视野到定位点

      });
      map.addControl(geolocation);
      geolocation.getCurrentPosition(function(status,result){
        if(status === 'complete'){
          onComplete(result)
        }else{
          onError(result)
        }
      });
    });
    //解析定位结果
    function onComplete(data) {
      document.getElementById('status').innerHTML='定位成功'
      var str = [];
      str.push('定位结果：' + data.position);
      str.push('定位类别：' + data.location_type);
      if(data.accuracy){
        str.push('精度：' + data.accuracy + ' 米');
      }//如为IP精确定位结果则没有精度信息
      str.push('是否经过偏移：' + (data.isConverted ? '是' : '否'));
      document.getElementById('result').innerHTML = str.join('<br>');
    }
    //解析定位错误信息
    function onError(data) {
      document.getElementById('status').innerHTML='定位失败'
      document.getElementById('result').innerHTML = '失败原因排查信息:'+data.message+'</br>浏览器返回信息：'+data.originMessage;
    }

  },
}
</script>

<style scoped>

</style>